.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}
.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}
.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}
.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-right,@right);
   .px2rem(padding-left,@left);
}
.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}
.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}

html,body{
    height:100%;
    width:100%;
}
header{
    background: url(../imgs/Reg_serve_bg01.jpg);
    .px2rem(height,88);
    .px2rem(font-size,40);
    .Flex;
   justify-content:center;
    align-items:center;

      p{
        margin-left: 5%;
        .margin-left(-20);
      }
      img{
        .px2rem(width,55);
        .px2rem(height,53);
      }
}
main{
	.px2rem(padding-right,60);
    .px2rem(padding-left,60);

}
.Lo_enroll_qie{
	.Flex;
	justify-content:space-between;
	p{
		padding: 5% 2%;
		.px2rem(font-size,35);
	}
	p.artive{
		color:#1ac5a1;
		border-bottom: 5px solid #1ac5a1;
	}
}

.Lo_enroll_inp{
		.px2rem(font-size,30);
		.margin-top(80);
		input{
			border:none;
		}
		.Lo_enroll_inpT{
			border-bottom:1px solid #ccc;
			padding:8% 0;
			.Flex;
			justify-content:space-between;
			input{
				.px2rem(height,45);
			}
			img{
				.px2rem(width,48);
        		.px2rem(height,45);
			}
			.eneroll_x{
				display:none;
			}
		}
		.Lo_enroll_inpD{
			padding:5% 0;
			.Flex;
			justify-content:space-between;
			border-bottom:1px solid #ccc;
			input{
				border-right: 1px solid #1ac5a1;
			}
			p{
				
				color:#1ac5a1;
				.px2rem(padding-left,40);
			}
		}


}

.enroll_wang{
	display:none;
}
.enroll_to_Login{
	.margin-top(80);
	p{
		width:100%;
		.px2rem(height,90);
		text-align: center;
		.line-height(90);
		background:#1ac5a1;
		color:#ffffff;
		.px2rem(font-size,40);
		.px2rem(border-radius,10);
	}
}

.enroll_text{
		.margin-top(50);
		P{
			text-align:center;
			color:#a8a8a8;
			.px2rem(font-size,28);
		}
}

.enroll_ig{
	.px2rem(padding-right,30);
    .px2rem(padding-left,30);
	.margin-top(180);
	.Flex;
	justify-content:space-around;
	img{
		.px2rem(width,64);
        .px2rem(height,52);
	}

}

.Down_p{
	.margin-top(100);
	.Flex;
	justify-content:center;
	.check{
		.px2rem(width,30);
        .px2rem(height,30);
        border: 1px solid #1ac5a1;
		color:#1ac5a1;
		display:block;
		.margin-right(15);
	}
	span{
		color:#1ac5a1;
	}
}








